<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>后台登录-ERP管理2.2</title>
  <th:block th:include="include::header"/>
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>


<!--id是用来进行表内数据修改的,lay-filter则是用来进行表外数据-->
<table class="layui-hide" id="demo" lay-filter="test"></table>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->

<script>
  var tableIns;
  layui.use('table', function () {
    var table = layui.table;
    tableIns = table.render({
      elem: '#demo'
      , url: '/role/list'
      ,toolbar: 'default'
      , cols: [
        [
          {type: 'checkbox',fixed: 'left'}
          , {field: 'r_id', width: 130, title: 'ID', sort: true}
          , {field: 'r_name', width: 230, title: '角色类型'}
          , {field: 'r_state', width: 230, title: '状态', sort: true}
          , {field: 'r_auto', width: 350, title: '权限'}
        ]
      ]
      , page: true
    });
    //监听头工具栏事件
    table.on('toolbar(test)', function(obj){
      var checkStatus = table.checkStatus(obj.config.id)
              ,data = checkStatus.data,deList=[]; //获取选中的数据
      switch(obj.event){
        case 'add':
          console.log('添加')
          xadmin.open('添加用户','addBefore',600,400)
          break;
        case 'update':
          if(data.length === 0){
            layer.msg('请选择一行');
          } else if(data.length > 1){
            layer.msg('只能同时编辑一个');
          } else {
            xadmin.open('修改用户','updateBefore?r_id='+checkStatus.data[0].r_id,600,400)
          }
          break;
        case 'delete':
          if(data.length === 0){
            layer.msg('请至少选择一行');
          } else {
            data.forEach(function (n,i){
              deList.push(n.r_id)
            })
              layer.confirm('确认要删除吗？', function (index) {
                $.ajax({
                  url: ctx + '/role/delete?r_id='+deList,
                  type: 'POST',
                  success(res) {
                    if (res.success) {
                      layer.msg(res.msg);
                      setTimeout(function () {
                        tableIns.reload();
                      }, 500);
                    }
                  }
                })
              });
          }
          break;
      };
    });
  });
</script>

</body>
</html>